﻿/**
 * accent colors
 * - orange (xdark) - #bc4126
 * - orange (dark)  - #e44d26
 * - orange (mid)   - #f14a29
 * - orange (light) - #f16529
 * - blue (dark)    - #057
 * - blue (mid)     - #0092bf
 * - blue (light)   - #a6d9e9
 *
 * view modes (as of 9/7/2011)
 * -  320x480  - iPhone portrait
 * -  480x320  - iPhone landscape
 * -  480x800  - Windows Phone portrait
 * -  800x480  - Windows Phone landscape
 * - 1024x768  - standard
 * - 1280x768  -  5.9%
 * - 1280x1024 - 23.5%
 * - 1920x1080 - 29.4%
 * - 1920x1200 - 41.2%
 */

@import url(deck.core.css);
@import url(deck.html5.css);


/**********************************************************************************************************************/
/***| general |********************************************************************************************************/
/**********************************************************************************************************************/

/***| features availability |******************************************************************************************/

html.no-applicationcache .applicationcache, html.applicationcache .no-applicationcache,
html.no-audio            .audio,            html.audio            .no-audio,
html.no-datalist         .datalist,         html.datalist         .no-datalist,
html.no-details          .details,          html.details          .no-details,
html.no-eventsource      .eventsource,      html.eventsource      .no-eventsource,
html.no-filereader       .filereader,       html.filereader       .no-filereader,
html.no-geolocation      .geolocation,      html.geolocation      .no-geolocation,
html.no-h264             .h264-maybe,       html.h264-maybe       .no-h264,         html.h264-maybe    .h264-probably,
html.no-h264             .h264-probably,    html.h264-probably    .no-h264,         html.h264-probably .h264-maybe,         
html.no-indexeddb        .indexeddb,        html.indexeddb        .no-indexeddb,
html.no-inputcolor       .inputcolor,       html.inputcolor       .no-inputcolor,
html.no-inputdatetime    .inputdatetime,    html.inputdatetime    .no-inputdatetime,
html.no-inputemail       .inputemail,       html.inputemail       .no-inputemail,
html.no-inputnumber      .inputnumber,      html.inputnumber      .no-inputnumber,
html.no-inputtel         .inputtel,         html.inputtel         .no-inputtel,
html.no-inputrange       .inputrange,       html.inputrange       .no-inputrange,
html.no-inputsearch      .inputsearch,      html.inputsearch      .no-inputsearch,
html.no-inputurl         .inputurl,         html.inputurl         .no-inputurl,
html.no-iphone           .iphone,           html.iphone           .no-iphone,
html.no-ielt9            .ielt9,            html.ielt9            .no-ielt9,
html.no-keygen           .keygen,           html.keygen           .no-keygen,
html.no-localstorage     .localstorage,     html.localstorage     .no-localstorage,
html.no-mediacapture     .mediacapture,     html.mediacapture     .no-mediacapture,
html.no-menu             .menu,             html.menu             .no-menu,
html.no-msie             .msie,             html.msie             .no-msie,
html.no-meter            .meter,            html.meter            .no-meter,
html.no-mp3              .mp3-maybe,        html.mp3-maybe        .no-mp3,          html.mp3-maybe    .mp3-probably,
html.no-mp3              .mp3-probably,     html.mp3-probably     .no-mp3,          html.mp3-probably .mp3-maybe,       
html.no-output           .output,           html.output           .no-output,
html.no-progress         .progress,         html.progress         .no-progress,
html.no-svg              .svg,              html.svg              .no-svg,
html.no-video            .video,            html.video            .no-video,
html.no-webkit           .webkit,           html.webkit           .no-webkit,
html.no-websockets       .websockets,       html.websockets       .no-websockets,
html.no-websqldatabase   .websqldatabase,   html.websqldatabase   .no-websqldatabase
{ display:none; }


/***| augment deck.js |************************************************************************************************/

html           { overflow:hidden; }
html           { overflow:hidden; }
body > article { height:100%; }

/* TODO: Adjust these sizes based on the available browser size */
/* TODO: Can .slide-container be replaced by <article>? */
.deck-container, .slide-container, .slide-content { width:960px; }
.slide-container { height:750px; }

.slide           { overflow:hidden; }
.slide .slide    { overflow:visible; }
article.slide-container > header, .slide-container > h1 { position:absolute; }
.csstransforms .slide-container, .csstransforms .slide-container .slide-content, .csstransforms article > footer#html5-footer .slide-content {
	position:absolute; top:50%;
	-webkit-transform: translate3d(0, -50%, 0);
	   -moz-transform:   translate(0, -50%);
	    -ms-transform:   translate(0, -50%);
	     -o-transform:   translate(0, -50%);
	        transform: translate3d(0, -50%, 0);
}

.deck-container header > h1, .deck-container header > hgroup { padding-bottom:.25em; }

.debug .slide, .debug .slide-container, .debug .slide-content { border:solid 1px #f00; }


/***| syntax |*********************************************************************************************************/

.slide .slide-content .code { font-size:.55em; }
.syntaxhighlighter .toolbar { display:none; }


/***| article headers/footers |****************************************************************************************/

article > header blockquote { font-size:.65em !important; margin:2em auto 0 !important; width:85%; }
/* put author on right with "-" prefix */
article > header blockquote .author        { color:#444; padding-right:30px; padding-top:.5em; text-align:right; }
article > header blockquote .author:before { content:'–'; padding-right:.5em; }


article >           footer .slide-content, .csstransforms article >           footer .slide-content,
article > section > footer .slide-content, .csstransforms article > section > footer .slide-content {
	font-size:.5em; 
	position:absolute; top:3.75em !important;
	-webkit-transform: none !important;
	   -moz-transform: none !important;
	    -ms-transform: none !important;
	     -o-transform: none !important;
	        transform: none !important;
}
article > footer .slide-content h2 { margin-bottom:0; }


/***| header |*********************************************************************************************************/

#title > h1          { color:#000; font-weight:bold; padding:0; text-align:center; }
#title > h1 > span   { display:block; text-align:center; width:100%; }
#title > h1 > .today { font-family:Scriptiva,Brush Script MT,Vladimir Script,cursive,sans-serif; position:absolute; text-transform:capitalize; }

#title > aside, #title > nav { display:none; }


/***| 0-389x? | ?x0-480 |******************************************************/
/* iphone portrait/landscape, wp landscape */

@media (max-width:389px), (max-height:480px)
{
	/* NOTE: 128px HTML5 logo w/ 20px text */
			#title > h1 > .html5 { height:128px; width:128px; }
	.no-svg #title > h1 > .html5 { background:transparent url(images/html5-128x.png); }
	        #title > h1 > .today { bottom:/* x-.5 */-10px; font-size:/* x2.5 */50px; left:/* x-.5 */-10px; }
}


/***| 390-749x371-?, 390-?x371-709 |*******************************************/
/* wp portrait/landscape */

@media (min-width:390px) and (max-width:749px) and (min-height:371px), (min-width:390px) and (min-height:371px) and (max-height:709px)
{
	/* NOTE: 256px HTML5 logo w/ 36px text */
			#title > h1 > .html5 { height:256px; width:256px; }
	.no-svg #title > h1 > .html5 { background:transparent url(images/html5-256x.png); }
	        #title > h1 > .today { bottom:/* x-.5 */-18px; font-size:/* x2.5 */90px; left:/* x-.5 */-18px; }
}


/***| 750-?x710-? |************************************************************/
/* standard */

@media (min-width:750px) and (min-height:710px) 
{
	/* NOTE: 512px HTML5 logo w/ 70px text */
			#title > h1 > .html5 { height:512px; width:512px; }
	.no-svg #title > h1 > .html5 { background:transparent url(images/html5-512x.png); }
	        #title > h1 > .today { bottom:/* x-.5 */-35px; font-size:/* x2.5 */175px; left:/* x-.5 */-35px; }
}



/**********************************************************************************************************************/
/***| html5 |**********************************************************************************************************/
/**********************************************************************************************************************/

/***| html5 summary |**************************************************************************************************/

@font-face
{
	font-family: 'Walkway Black';
	src: url('fonts/Walkway_Black-webfont.eot');
	src: url('fonts/Walkway_Black-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Walkway_Black-webfont.woff') format('woff'),
	     url('fonts/Walkway_Black-webfont.ttf') format('truetype'),
	     url('fonts/Walkway_Black-webfont.svg#WalkwayBlackRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

#html5-summary ul        { margin:0 auto; width:960px; }
#html5-summary li        { clear:right; font-family:Walkway Black; font-weight:bold; line-height:65px; letter-spacing:1px; list-style-type:none; margin:0; padding:5px; text-align:left; text-transform:uppercase; }
#html5-summary .orgs     { font-size:142%; letter-spacing:27px; }
#html5-summary .groups   { font-size:107%; letter-spacing:27px; }
#html5-summary .pubs, #html5-summary .specs, #html5-summary .pages, #html5-summary .bugs { float:left; }
#html5-summary .pubs, #html5-summary .pages { clear:left; margin-right:50px; }
#html5-summary .pubs, #html5-summary .specs { font-size:135%; letter-spacing:19px; }
#html5-summary .pages, #html5-summary .bugs { font-size:87%; letter-spacing:9px; }
#html5-summary .snapshot { clear:left; font-size:62%; letter-spacing:9px; }


/***| html5 history |**************************************************************************************************/

#html5-history ol       { font-size:23px; margin:0 auto; }
#html5-history li       { letter-spacing:1px; list-style-type:none; line-height:1.5em; margin:0; padding:0; text-align:left; width:49%; }
#html5-history li b     { display:block; float:left; font-weight:bold; width:75px; }
#html5-history li.left  { clear:left; float:left; }
#html5-history li.right { clear:right; float:right; }

/* move everything down and right up to be even and centered ((li.length - 1) * line-height / 2) */
#html5-history li       { position:relative; top:4.5em; }
#html5-history li.right { top:-4.5em; }


/***| html5 pubs |*****************************************************************************************************/

object.html5pubs        { width:100%; }
div.html5pubs           { height:500px; margin:0 auto; overflow:auto; text-align:left; }
div.html5pubs ul, div.html5pubs li { list-style-type:none; margin:0; padding:0; }
div.html5pubs > ul, div.html5pubs > ul > li, div.html5pubs ul ul { margin:0; padding:0; }
div.html5pubs > ul > li { display:inline-block; float:left; width:310px; }
div.html5pubs .webapps, div.html5pubs .webrtc { clear:left; }
div.html5pubs progress  { display:none; }


/***| html5 process |**************************************************************************************************/

#html5-process ol, #html5-process li { list-style-type:none; margin:0; padding:0; }
#html5-process ol                    { font-size:20px; }
#html5-process li                    { border-right:solid 1px #f16529; display:inline-block; margin-right:10px; padding-right:10px; text-align:center; width:170px; }
#html5-process li.lastcall           { }
#html5-process li #html5-ishere      { bottom:-3em; color:#e44d2c; font-size:32px; left:220px; position:absolute; }
#html5-process li.rec                { border-right:0; margin:0; padding:0; }
#html5-process progress              { display:none; }


/***| html5 in progress |**********************************************************************************************/

#html5-inprogress progress      { display:inline; }
#html5-inprogress progress span { background-color:#e44d26; color:#fff; font-family:Arial; font-size:xx-small; margin-right:5px; padding:3px 3px 2px; position:relative; text-transform:uppercase; top:-.3em; }


/***| html5 footer |***************************************************************************************************/

.csstransforms article > footer#html5-footer .slide-content {
	bottom:-2em; 
	font-size:1em; 
	position:absolute; top:50% !important;
	-webkit-transform: translate3d(0, -50%, 0) !important;
	   -moz-transform:   translate(0, -50%)    !important;
	    -ms-transform:   translate(0, -50%)    !important;
	     -o-transform:   translate(0, -50%)    !important;
	        transform: translate3d(0, -50%, 0) !important;
}

#html5-footer p, #html5-footer-cantuse em { margin-left:50px; }
#html5-footer-cantuse { color:#e44d26; font-size:larger; font-weight:bold; }



/**********************************************************************************************************************/
/***| feature detection |**********************************************************************************************/
/**********************************************************************************************************************/

/***| detect intro |***************************************************************************************************/

#detect-top p          { padding:100px 50px 0; }
#detect-top p .newline { clear:both; float:left; padding-left:50px; }
#detect-top ul, #detect-top li { clear:both; list-style-type:none; margin:0; padding:0; }
#detect-top li         { line-height:50px; padding:50px 200px 0; }


/***| detect mod |*****************************************************************************************************/

#detect-mod-summary ul, #detect-mod-summary li { list-style-type:none; margin:0; padding:0; }
#detect-mod-summary li { padding:25px 0 25px 50px; }

#detect-mod-localstorage-css .slide-content { padding-top:100px; }
#detect-mod-localstorage-css .demo          { font-style:italic; padding-left:50px; }


/***| optimize web |***************************************************************************************************/

#detect-optimize-web .slide-content { bottom:-2.5em; }
#detect-optimize-web ul, #detect-optimize-web li { list-style-type:none; margin:0; padding:0; }
#detect-optimize-web li             { padding-left:50px; }
#detect-optimize-web > ul > li      { padding-top:25px; }
#detect-optimize-web li li          { font-size:smaller; }


/***| optimize web |***************************************************************************************************/

#detect-optimize-modload .slide-content { bottom:-2.5em; }
#detect-optimize-modload ul, #detect-optimize-modload li { list-style-type:none; margin:0; padding:0; }
#detect-optimize-modload li             { padding-left:50px; }
#detect-optimize-modload > ul > li      { padding-top:25px; }
#detect-optimize-modload li li          { font-size:smaller; }
#detect-optimize-modload .yep           { color:#111; }
#detect-optimize-modload .nope          { color:#f16529; }


/***| fallback |*******************************************************************************************************/

#detect-fallback .slide-content { font-size:.7em; }



/**********************************************************************************************************************/
/***| semantics |******************************************************************************************************/
/**********************************************************************************************************************/

/***| 3-column listings |******************************************************/

#semantics > section > header ul,        #semantics > section > header li,
#semantics-forms-inputtypes   ul,        #semantics-forms-inputtypes   li,
#semantics-forms-attributes   ul,        #semantics-forms-attributes   li   { list-style-type:none; margin:0; padding:0; }

#semantics > section > header li,        
#semantics-forms-inputtypes   li,        
#semantics-forms-attributes   li   { float:left; width:320px; }

#semantics > section > header li ins,       
#semantics-forms-inputtypes   li ins,       
#semantics-forms-attributes   li ins  { background-color:transparent; font-weight:bold; }

#semantics > section > header li mark,      
#semantics-forms-inputtypes   li mark,      
#semantics-forms-attributes   li mark { background-color:transparent; font-style:normal; font-weight:normal; }

#semantics > section > header li      code, #semantics > section > header li mark,
#semantics-forms-inputtypes   li      code, #semantics-forms-inputtypes   li mark,
#semantics-forms-attributes   li      code, #semantics-forms-attributes   li mark { color:#f14a29; }

#semantics > section > header li ins  code, 
#semantics-forms-inputtypes   li      code, 
#semantics-forms-attributes   li      code { color:#000; }

#semantics > section > header li mark code, 
#semantics-forms-inputtypes   li      code, 
#semantics-forms-attributes   li      code { color:#444; }


/***| demo |*******************************************************************/
/* TODO: Add more styling to separate demos from other content */

#semantics .demo  { font-size:.5em; }


/***| all new tags |***************************************************************************************************/

#semantics-new .slide-content        { bottom:-2em; }
#semantics-new ul, #semantics-new li { list-style-type:none; margin:0; padding:0; }
#semantics-new li                    { float:left; width:320px; }


/***| meta doctype |***************************************************************************************************/

#semantics-meta-doctype .slide-content                 { bottom:-3em; }
#semantics-meta-doctype ul, #semantics-meta-doctype li { list-style-type:none; margin:0; padding:0; }
#semantics-meta-doctype li                             { padding-bottom:2em; }
#semantics-meta-doctype li .newline                    { clear:both; float:left; padding:0 0 0 100px; }
#semantics-meta-doctype code { font-size:smaller; padding-left:50px; }


/***| meta rels |******************************************************************************************************/

#semantics-meta-rel ul, #semantics-meta-rel li { list-style-type:none; margin:0; padding:0; }
#semantics-meta-rel ul                         { padding-top:200px; }
#semantics-meta-rel li                         { float:left; width:320px; }
#semantics-meta-rel aside                      { clear:left; font-size:.35em; font-style:italic; padding-top:2em; }


/***| sectioning tags |************************************************************************************************/

#semantics-section-tags p { clear:left; margin-bottom:0; padding-top:1em; }


/***| sectioning ie |**************************************************************************************************/

#semantics-section-ie .slide-content    { bottom:0; font-size:.9em; }
#semantics-section-ie .ielt9 .slidenote { white-space:nowrap; }


/***| sectioning code |************************************************************************************************/

.semantics-section-code .slide-content      { bottom:-2em; }
.semantics-section-code .container code     { margin:0; }
.semantics-section-code .container          { color:#fff; font-size:.5em; }
.semantics-section-code .container div      { background-color:#999; clear:both; margin:.5em; padding:.5em; text-align:center; }
.semantics-section-code .container div div  { background-color:#666; }
.semantics-section-code .container .article, .semantics-section-code .container .sidebar 
                                            { clear:none; height:5em; }
.semantics-section-code .container .article { float:left; width:61%; }
.semantics-section-code .container .sidebar { float:right; width:30%; }

.semantics-section-allcode .slide-content { bottom:-5.5em; }


/***| sectioning head |************************************************************************************************/

#semantics-section-head-structure .slide-content { bottom:-2em; font-size:.85em; }
#semantics-section-head-structure ul, #semantics-section-head-structure li { line-height:1em; margin-bottom:0; margin-top:0; padding-bottom:0; padding-top:0; }
#semantics-section-head-html5 .slide-content { bottom:-3em; font-size:.85em; }


/***| text tags |******************************************************************************************************/

#semantics-text-tags .slide-content { bottom:-4em; font-size:.85em; }


/***| text semantics |*************************************************************************************************/

#semantics-text-semantics .slide-content                   { font-size:.75em; margin-top:50px; }
#semantics-text-semantics ul, #semantics-text-semantics li { list-style-type:none; margin:0; padding:0; }
#semantics-text-semantics li                               { margin-bottom:.5em; }


/***| embed sandbox |**************************************************************************************************/

#semantics-embed-sandbox .slide-content { font-size:.75em; margin-top:50px; }
#semantics-embed-sandbox .code          { font-size:.75em; }


/***| input types |****************************************************************************************************/

#semantics-forms-inputtypes .slide-content { font-size:.85em; }

.semantics-forms-inputtypes .slide > div     { text-align:center; }
.semantics-forms-inputtypes .slide > div > p { text-align:left; }
.semantics-forms-inputtypes figure { display:inline-block; font-size:.4em; font-style:italic; vertical-align:top; }

#semantics-forms-inputtypes-color .slide-content { margin-top:100px; }

.no-inputdatetime #semantics-forms-inputtypes-datetime .slide-content   { font-size:.75em; margin-top:175px; }
.no-inputdatetime #semantics-forms-inputtypes-datetime .demo            { font-size:.5em; }
                  #semantics-forms-inputtypes-datetime .demo label      { display:inline-block; }
   .inputdatetime #semantics-forms-inputtypes-datetime .demo label      { width:250px; }
.no-inputdatetime #semantics-forms-inputtypes-datetime .demo label      { width:200px; }
.no-inputdatetime #semantics-forms-inputtypes-datetime p                { float:left; width:600px; }
.no-inputdatetime #semantics-forms-inputtypes-datetime figure           { display:block; float:right; left:-10px; padding-bottom:2em; position:relative; text-align:left; top:-155px; width:300px; }
.no-inputdatetime #semantics-forms-inputtypes-datetime figure img       { margin-left:0; max-height:275px; }
.webkit           #semantics-forms-inputtypes-datetime figure.no-webkit { display:none; }

            #semantics-forms-inputtypes-email .slide-content { bottom:0px; font-size:.85em; }
            #semantics-forms-inputtypes-email p              { float:left; width:600px; }
.iphone     #semantics-forms-inputtypes-email .slide-content { bottom:auto; }
.iphone     #semantics-forms-inputtypes-email p              { float:none; width:100%; }
            #semantics-forms-inputtypes-email figure         { float:right; left:-10px; position:relative; top:-275px; }
.inputemail #semantics-forms-inputtypes-email figure         { top:-200px; }
            #semantics-forms-inputtypes-email figure img     { max-height:400px; }

                  #semantics-forms-inputtypes-number .slide-content { bottom:0px; }
.inputnumber.msie #semantics-forms-inputtypes-number .slide > .no-inputnumber { display:block; }

#semantics-forms-inputtypes-range .slide-content { bottom:0; }

          #semantics-forms-inputtypes-url .slide-content { bottom:0px; font-size:.85em; }
          #semantics-forms-inputtypes-url p              { float:left; width:600px; }
.iphone   #semantics-forms-inputtypes-url .slide-content { bottom:auto; }
.iphone   #semantics-forms-inputtypes-url p              { float:none; width:100%; }
          #semantics-forms-inputtypes-url figure         { float:right; left:-10px; position:relative; top:-275px; }
.inputurl #semantics-forms-inputtypes-url figure         { top:-200px; }
          #semantics-forms-inputtypes-url figure img     { max-height:400px; }


/***| new form elements |**********************************************************************************************/

#semantics-forms-meter .slide-content { bottom:-2em; }


/***| new form attributes |********************************************************************************************/

#semantics-forms-attributes .slide-content { margin-top:50px; }
#semantics-forms-attributes li             { font-size:.85em; }

#semantics-forms-valid .slide-content                { margin-top:50px; }
#semantics-forms-valid ul, #semantics-forms-valid li { list-style-type:none; margin:0; padding:0; }
#semantics-forms-valid li                            { margin-bottom:.5em; }


/***| interactive elements |*******************************************************************************************/

#semantics-interact-details .slide-content { bottom:-2em; }
#semantics-interact-menu    .slide-content { bottom:-4em; font-size:.65em; }


/***| linking elements |***********************************************************************************************/

#semantics-link-tags p { clear:left; }


/***| microdata |******************************************************************************************************/

#semantics-extend-summary .slide-content { font-size:inherit; }


/**********************************************************************************************************************/
/***| offline & storage |**********************************************************************************************/
/**********************************************************************************************************************/

/* TODO: Can this be generalized? */
#offstore .newline { display:block; padding-left:100px; }

#offstore-appcache-about   .slide-content { bottom:-3em; }
#offstore-appcache-warning .slide-content { font-size:.85em; margin-top:50px; }

#offstore-storage-about .slide-content { bottom:-2em; font-size:.85em; }
#offstore-storage-about .newline       { font-size:.85em; }
#offstore-storage-code  .slide-content { bottom:-4.5em; }

#offstore-db-about   .slide-content { bottom:-3em; font-size:.75em; }
#offstore-db-warning .slide-content { font-size:.8em; }


/**********************************************************************************************************************/
/***| device access |**************************************************************************************************/
/**********************************************************************************************************************/

#device-geo-about .slide-content { font-size:.5em; margin-top:50px; }
#device-geo-about li li          { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#device-geo-demo .slide-content { font-size:.85em; bottom:-6em; }
#device-geo-demo .demo          { font-size:.5em; }
#device-geo-demo-map            { font-size:.5em !important; }

#device-capture-about .slide-content { font-size:.75em; margin-top:50px; }
#device-capture-speech a             { font-size:.95em; }


/**********************************************************************************************************************/
/***| device access |**************************************************************************************************/
/**********************************************************************************************************************/

#connect-sockets-about .slide-content { margin-top:50px; }
#connect-events-about  .slide-content { margin-top:50px; }


#media-audio-about .slide-content { font-size:.85em; margin-top:50px; }
#media-audio-about .newline       { display:block; padding-left:100px; }
#media-video-about .slide-content { font-size:.65em; margin-top:50px; }
#media-video-about .demo          { float:right; margin-top:-100px; }
#media-video-about .newline       { display:block; padding-left:100px; }


/**********************************************************************************************************************/
/***| graphics |*******************************************************************************************************/
/**********************************************************************************************************************/

#graphics .newline                    { display:block; font-size:.85em; padding-left:100px; }
#graphics ul.demo, #graphics .demo li { list-style-type:none; margin:0; padding:0; }
#graphics                    .demo li { margin:0 auto; }
#graphics figure figcaption           { font-size:.75em; text-align:center; }
#graphics figure img                  { width:300px; }

#graphics-svg-about    .slide-content { font-size:.6em; margin-top:50px; }
#graphics-svg-about    .demo          { height:32px; float:right; width:64px; }
#graphics-svg-about    .code          { clear:both; font-size:.75em; }
#graphics-canvas-about .slide-content { font-size:.6em; margin-top:50px; }
#graphics-canvas-about li             { float:left; width:33%; }
#graphics-canvas-about figcaption     { height:2.25em; }


/**********************************************************************************************************************/
/***| performance & integration |**************************************************************************************/
/**********************************************************************************************************************/

#perfint-workers-about .slide-content { font-size:.9em; }
#perfint-nav-about     .slide-content { font-size:.75em; }
#perfint-nav-about     p              { clear:left; }
#perfint-nav-about     li             { font-size:.54em; float:left; width:33%; }
#perfint-vis-about     .slide-content { font-size:.9em; margin-top:50px; }
#perfint-immed-about   .slide-content { font-size:.8em; }
#perfint-time-about    .newline       { display:block; font-size:.85em; padding-left:100px; }


/**********************************************************************************************************************/
/***| css |************************************************************************************************************/
/**********************************************************************************************************************/

#styling-all-intro .slide-content { font-size:.6em; }
#styling-footer .slide-content    { font-size:.4em; padding-top:10px; }
#styling-footer li                { font-size:.85em; padding:0; }


/**********************************************************************************************************************/
/***| tools |**********************************************************************************************************/
/**********************************************************************************************************************/

#tools-about .slide-content    { font-size:.9em; }
#tools-about ul, #tools-about li { list-style-type:none; margin:0; padding:0; }
#tools-about li                  { padding:.5em 0; }

